<script setup lang="ts">
import popoverVue from '@/components/header/popover.vue';
</script>
<template>
  <div class="header_main">
    <div class="admin_logo">

    </div>
    <div class="echarts_type">
      <popoverVue></popoverVue>
    </div>
    <div class="functional_area">

    </div>
  </div>
</template>
<style lang="scss" scoped>
.header_main {
  height: 60px;
  width: 100%;
  background-color: #322f51;
  display: flex;
  .admin_logo{
    width: 15%;
  }
  .echarts_type{
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .functional_area{
    width: 15%;
  }
}
</style>